<!DOCTYPE html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Single Blog 2</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- favicon
		============================================ -->		
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
		
		<!-- Google Fonts
		============================================ -->		
        <link href='https://fonts.loli.net/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
	   
		<!-- Bootstrap CSS
		============================================ -->		
        <link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- font-awesome CSS
		============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- owl.carousel CSS
		============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/owl.transitions.css">
		<!-- meanmenu CSS
		============================================ -->
        <link rel="stylesheet" href="css/meanmenu.css">
		<!-- normalize CSS
		============================================ -->
        <link rel="stylesheet" href="css/normalize.css">
		<!-- main CSS
		============================================ -->
        <link rel="stylesheet" href="css/main.css">
		<!-- style CSS
		============================================ -->
        <link rel="stylesheet" href="style.css">
		<!-- responsive CSS
		============================================ -->
        <link rel="stylesheet" href="css/responsive.css">
		<!-- modernizr JS
		============================================ -->		
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body class="single-blog-2">
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- header-area start -->
		<header id="header" class="header-area">
			<div class="header-top">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-sm-6">
							<div class="header-top-left">
								<ul class="social-icons">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
									<li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
								</ul>
							</div>
						</div>
						<div class="col-md-6 col-sm-6">
							<div class="header-top-right fix">
								<div class="header-links">
									<ul>
										<li><a href="#">Log in</a></li>
										<li><a href="#">Register</a></li>
									</ul>
								</div>
								<div class="header-search">
									<form action="#" method="post">
										<button type="button" class="search-toggler"><i class="fa fa-search"></i></button>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div><!-- /.header-top -->
			<div class="header-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<div class="logo">
								<a href="index-2.html"><img src="img/logo/logo.png" alt="Logo" /></a>
							</div>
						</div>
						<div class="col-md-9">
							<div class="main-menu">
								<nav>
								  <ul class="main-nav navbar-right">
									<li class="active dropdown"><a href="#">Home</a>
										<div class="sub-menu">
											<ul class="home-versions">
												<li><a href="index.html">Homepage Version 1</a></li>
												<li><a class="last" href="index-2.html">Homepage Version 2</a></li>
											</ul>
										</div>
									</li>
									<li class="dropdown"><a href="#">Pages</a>
										<div class="mega-menu pages">
											<span class="mega-menu-list">
												<a href="blog-column-3.html">Blog Column 3</a>
												<a href="blog-column-2.html">Blog Column 2</a>
												<a href="blog-fullwidth.html">Blog Fullwidth</a>
											</span>
											<span class="mega-menu-list">
												<a href="single-blog.html">Single Blog 1</a>
												<a href="single-blog-2.html">Single Blog 2</a>
												<a href="single-blog-3.html">Single Blog 3</a>
												<a href="single-blog-4.html">Single Blog 4</a>
											</span>
											<span class="mega-menu-list">
												<a href="#">404 Page</a>
												<a href="contact-us.html">Contact Us</a>
											</span>
										</div>
									</li>
									<li class="dropdown"><a href="#">Sport</a>
										<div class="mega-menu">
											<div class="single-post">
												<div class="post-img">
													<a href="single-blog.html"><img src="img/mega-menu/1.jpg" alt="" /></a>
												</div>
												<h6 class="post-title"><a href="#">Savior of Hustler</a></h6>
												<p class="post-date">July 10, 2015</p>
											</div>
											<div class="single-post">
												<div class="post-img">
													<a href="single-blog-2.html"><img src="img/mega-menu/2.jpg" alt="" /></a>
												</div>
												<h6 class="post-title"><a href="#">The Cracked Secret</a></h6>
												<p class="post-date">August 25, 2015</p>
											</div>
											<div class="single-post">
												<div class="post-img">
													<a href="single-blog-3.html"><img src="img/mega-menu/3.jpg" alt="" /></a>
												</div>
												<h6 class="post-title"><a href="#">The Cracked Secret</a></h6>
												<p class="post-date">September 5, 2015</p>
											</div>
										</div>	
									</li>
									<li><a href="#">Travel</a></li>
									<li><a href="#">Lifestyle</a></li>
									<li><a href="#">Tech</a></li>
									<li><a href="#">Contact Us</a></li>
								  </ul>
								</nav>
							</div><!-- /.main-menu -->
						</div>
					</div>
				</div>
				<!-- mobile-menu-area start -->
				<div class="mobile-menu-area">
					<div class="container">
						<div class="row">
							<div class="col-md-12">
								<nav id="dropdown">
									<ul>
										<li><a href="#">home</a>
											<ul>
												<li><a href="index.html">home 1</a></li>
												<li><a href="index-2.html">home 2</a></li>
											</ul>
										</li>
										<li><a href="#">pages</a>
											<ul>
												<li><a href="#">Blog</a>
													<ul>
														<li><a href="blog-column-3.html">Blog Column 3</a></li>
														<li><a href="blog-column-2.html">Blog Column 2</a></li>
														<li><a href="blog-fullwidth.html">Blog Fullwidth</a></li>
													</ul>
												</li>
												<li><a href="#">single blog</a>
													<ul>
														<li><a href="single-blog.html">Single Blog 1</a></li>
														<li><a href="single-blog-2.html">Single Blog 2</a></li>
														<li><a href="single-blog-3.html">Single Blog 3</a></li>
														<li><a href="single-blog-4.html">Single Blog 4</a></li>
													</ul>
												</li>
												<li><a href="404.html">404 Page</a></li>
												<li><a href="contact-us.html">contact us</a></li>
											</ul>
										</li>
										<li><a href="#">sport</a></li>
										<li><a href="#">travel</a></li>
										<li><a href="#">lifestyle</a></li>
										<li><a href="#">tech</a></li>
										<li><a href="contact-us.html">contact us</a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
				<!-- mobile-menu-area end -->
			</div><!-- /.header-bottom -->
		</header>
        <!-- header-area end -->
        
		<!-- search-area start -->
		<div class="search-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="search-form">
							<span class="search-close"></span>
							<form action="#" method="post">
								<input type="text" placeholder="Search here..."/>
								<button type="submit" class="search-btn"><i class="fa fa-search"></i></button>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- search-area end -->
		
		<!-- single-blog-area start -->
		<div id="single-blog" class="single-blog-area">
			<div class="single-blog-heading">
				<div class="single-blog-img"></div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-sm-12">
						<div class="single-blog-details">
							<span class="tag">sports</span>
							<h1 class="post-title">Tale in The Lover</h1>
							<p class="post-date">Posted on July 10, 2015</p>
							<div class="post-long-desc">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
								tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
								quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
								Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu 
								fugiat nulla pariatur.</p>
								<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
								desrunt mollit anim id est laborum. Sed ut per spiciatis unde omnis iste natus 
								error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
								ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt 
								explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut 
								fugit.</p>
								<p>sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
								Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, 
								adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore 
								magnam aliquam quaerat voluptatem.</p>
								<blockquote>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
									tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
									quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea commodo consequat. 
									Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu 
									fugiat nulla pariatur.</p>
								</blockquote>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
								incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
								exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute 
								irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
								pariatur.</p>
								<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
								desrunt mollit anim id est laborum. Sed ut per spiciatis unde omnis iste natus 
								error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
								ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt 
								explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut 
								fugit.</p>
								<p>sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
								Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, 
								adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore 
								magnam aliquam quaerat voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing 
								elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 
								minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
								consequat.</p>
								<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu 
								fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
								culpa qui officia desrunt mollit anim id est laborum. Sed ut per spiciatis unde 
								omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem 
								aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae 
								vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur 
								aut odit aut fugit.</p>
								<p>sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. 
								Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, 
								adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore 
								magnam aliquam quaerat voluptatem.</p>
							</div>
							<div class="single-blog-bottom fix">
								<div class="post-social-links pull-left">
									<p>
										<span class="lbl">Share on&nbsp;&nbsp;-</span>
										<span>
											<a href="#"><i class="fa fa-facebook"></i></a>
											<a href="#"><i class="fa fa-twitter"></i></a>
											<a href="#"><i class="fa fa-google-plus"></i></a>
											<a href="#"><i class="fa fa-pinterest"></i></a>
										</span>
									</p>
								</div>
								<div class="post-tags pull-right">
									<p>
										<span class="lbl">Tags&nbsp;&nbsp;-</span>
										<span>
											<a href="#">sports,</a>
											<a href="#">football,</a>
											<a href="#">soccer</a>
										</span>
									</p>
								</div>
							</div>
							<div class="about-author fix">
								<h6 class="title">about the author</h6>
								<div class="author-img">
									<img src="img/comments/author.jpg" alt="Author Image" />
								</div>
								<div class="author-info">
									<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
									tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
									nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
								</div>
							</div><!-- /.about-author -->
							<div class="comments-area">
								<h6 class="title">12 comments</h6>
								<ul class="comments-list">
									<li class="single-comment">
										<div class="comment-box">
											<div class="comment-author">
												<img src="img/comments/1.jpg" alt="Comment Author" />
											</div>
											<div class="comment-info">
												<p class="author-name"><a href="#">Laurel Lance</a></p>
												<span class="comment-date">July 11, 2015</span>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
												eiusmod temp incididunt ut labore et dolore magna aliqua. Ut enim ad 
												minim veniam nostrud exercitation ullamco laboris nisi ut commodo 
												consequat.</p>
												<a href="#" class="reply-link" title="Reply">reply</a>
											</div>
										</div>
									</li><!-- /.single-comment -->
									<li class="single-comment">
										<div class="comment-box">
											<div class="comment-author">
												<img src="img/comments/2.jpg" alt="Comment Author" />
											</div>
											<div class="comment-info">
												<p class="author-name"><a href="#">Alex Reim</a></p>
												<span class="comment-date">July 11, 2015</span>
												<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
												eiusmod temp incididunt ut labore et dolore magna aliqua. Ut enim ad 
												minim veniam nostrud exercitation ullamco laboris nisi ut commodo 
												consequat.</p>
												<a href="#" class="reply-link" title="Reply">reply</a>
											</div>
										</div>
										<ul class="reply">
											<li class="single-comment">
												<div class="comment-box">
													<div class="comment-author">
														<img src="img/comments/author-small.jpg" alt="Comment Author" />
													</div>
													<div class="comment-info">
														<p class="author-name"><a href="#">Wally West</a></p>
														<span class="comment-date">July 11, 2015</span>
														<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
														eiusmod temp incididunt ut labore et dolore magna aliqua. Ut enim ad 
														minim veniam nostrud exercitation ullamco laboris nisi ut commodo 
														consequat.</p>
														<a href="#" class="reply-link" title="Reply">reply</a>
													</div>
												</div>
											</li><!-- /.single-comment -->
										</ul><!-- /.reply -->
									</li><!-- /.single-comment -->
								</ul>
							</div><!-- /.comments-area -->
							<div class="comment-form-area">
								<p>leave a comment</p>
								<form action="#" method="post">
									<input type="text" placeholder="Name"/>
									<input type="text" placeholder="Email"/>
									<textarea placeholder="Message"></textarea>
									<button type="submit" class="submit-btn">submit</button>
								</form>
							</div><!-- /.comment-form-area -->
						</div><!-- /.single-blog-details -->
					</div>
					<!-- sidebar-area start -->
					<div class="col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2">
						<div class="sidebar-area">
							<div class="single-sidebar-widget">
								<h6 class="widget-title">about me</h6>
								<div class="sidebar-content">
									<div class="my-photo">
										<a href="#"><img class="img-circle" src="img/sidebar/me.jpg" alt="My Image" /></a>
									</div>
									<p>Lorem ipsum dolor sit amet, consecteturs adipisicing elit, sed do 
									eiusmod tempor incididunt labore et dolore aliqua. Ut enim ad minim veniam,</p>
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
							<div class="single-sidebar-widget">
								<h6 class="widget-title">follow me on</h6>
								<div class="sidebar-content">
									<div class="social-links-area">
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-facebook"></i>
												<p>Facebook</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-twitter"></i>
												<p>Twitter</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-google-plus"></i>
												<p>Google Plus</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-pinterest"></i>
												<p>Pinterest</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-rss"></i>
												<p>RSS</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-dribbble"></i>
												<p>Dribbble</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-instagram"></i>
												<p>Instagram</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-heart"></i>
												<p>Bloginlove</p>
											</a>
										</div><!-- /.single-icon -->
										<div class="single-icon">
											<a href="#">
												<i class="fa fa-envelope-o"></i>
												<p>Email</p>
											</a>
										</div><!-- /.single-icon -->
									</div><!-- /.social-links-area -->
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
							<div class="single-sidebar-widget">
								<h6 class="widget-title">mailchimp widget</h6>
								<div class="sidebar-content newsletter">
									<h6>newsletter</h6>
									<p>Lorem ipsum dolor sit amet, consecteturs adipisicing elit, 
									sed do eiusmod tempor incididunt.</p>
									<div class="newsletter-form">
										<form action="#" method="post">
											<input type="text" placeholder="First name" />
											<input type="text" placeholder="Your email address" />
											<input type="submit" value="submit"/>
										</form>
									</div>
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
							<div class="single-sidebar-widget">
								<div class="sidebar-content ad-design">
									<div class="ad-banner">
										<a href="#"><img src="img/sidebar/ad.jpg" alt="Ad Banner" /></a>
										<div class="ad-banner-overlay">
											<div class="banner-text">
												<p>ad design</p>
												<span>310&nbsp;X&nbsp;200</span>
											</div>
										</div>
									</div>
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
							<div class="single-sidebar-widget">
								<h6 class="widget-title">categories</h6>
								<div class="sidebar-content">
									<div class="categories-list">
										<ul>
											<li><a href="#"><span class="category">breaking</span><span class="number">(85)</span></a></li>
											<li><a href="#"><span class="category">business</span><span class="number">(75)</span></a></li>
											<li><a href="#"><span class="category">ecommerce</span><span class="number">(66)</span></a></li>
											<li><a href="#"><span class="category">fashion</span><span class="number">(63)</span></a></li>
											<li><a href="#"><span class="category">science</span><span class="number">(55)</span></a></li>
											<li><a href="#"><span class="category">girl</span><span class="number">(50)</span></a></li>
											<li><a href="#"><span class="category">technology</span><span class="number">(42)</span></a></li>
											<li><a href="#"><span class="category">shopping</span><span class="number">(29)</span></a></li>
											<li><a href="#"><span class="category">magazine</span><span class="number">(15)</span></a></li>
										</ul>
									</div>
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
							<div class="single-sidebar-widget">
								<h6 class="widget-title">archive</h6>
								<div class="sidebar-content">
									<div class="archive-list">
										<ul>
											<li><a href="#"><span class="month">march</span><span class="number">(98)</span></a></li>
											<li><a href="#"><span class="month">january</span><span class="number">(80)</span></a></li>
											<li><a href="#"><span class="month">february</span><span class="number">(60)</span></a></li>
											<li><a href="#"><span class="month">december</span><span class="number">(40)</span></a></li>
											<li><a href="#"><span class="month">october</span><span class="number">(10)</span></a></li>
										</ul>
									</div>
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
							<div class="single-sidebar-widget">
								<h6 class="widget-title">tags cloud</h6>
								<div class="sidebar-content">
									<div class="tags-list">
										<ul>
											<li><a href="#">politics</a></li>
											<li><a href="#">business</a></li>
											<li><a href="#">fashion</a></li>
											<li><a href="#">music</a></li>
											<li><a href="#">travel</a></li>
											<li><a href="#">food</a></li>
											<li><a href="#">photography</a></li>
											<li><a href="#">technology</a></li>
											<li><a href="#">sport</a></li>
										</ul>
									</div>
								</div><!-- /.sidebar-content -->
							</div><!-- /.single-sidebar-widget -->
						</div><!-- /.sidebar-area -->
					</div>
					<!-- sidebar-area end -->
				</div>
			</div>
		</div>
		<!-- single-blog-area end -->
		
		<!-- footer-area start -->
		<footer id="footer" class="footer-area text-center">
			<div class="footer-logo">
				<a href="#"><img src="img/logo/footer-logo.png" alt="Footer Logo" /></a>
			</div>
			<p class="copyright-text">&copy; Copyright© 2015 Blogging. All right reserved.</p>
		</footer>
		<!-- footer-area end -->
		
		<!-- jquery
		============================================ -->		
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
		<!-- bootstrap JS
		============================================ -->		
        <script src="js/bootstrap.min.js"></script>		
		<!-- meanmenu JS
		============================================ -->		
        <script src="js/jquery.meanmenu.js"></script>
		<!-- owl.carousel JS
		============================================ -->		
        <script src="js/owl.carousel.min.js"></script>
		<!-- scrollUp JS
		============================================ -->		
        <script src="js/jquery.scrollUp.min.js"></script>
		<!-- plugins JS
		============================================ -->		
        <script src="js/plugins.js"></script>
		<!-- main JS
		============================================ -->		
        <script src="js/main.js"></script>
    <div style='background: black;color: #2a62bc;font-size: 12px;text-align: center;padding: 10px;'>注意：本模版中所涉及的图片，文字，媒体文件，均仅供个人学习使用。如用于其它目的，请自行承担相应的道德和法律责任。</div></body>
</html>
